@layout("/common/_container.html",{js:["/assets/modular/payment/payment.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">支付账单管理</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input id="nickname" class="layui-input" type="text" placeholder="用户昵称"/>
                            </div>
                            <div class="layui-inline">
                                <input id="orderNo" class="layui-input" type="text" placeholder="订单编号"/>
                            </div>
                            <div class="layui-inline">
                                <select id="payStatus" class="layui-input" type="text" placeholder="缴费单状态">
                                    <option value="">全部缴费单状态</option>
                                    <option value="1">待支付</option>
                                    <option value="2">已支付</option>
                                    <option value="3">已取消</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="payMethod" class="layui-input" type="text" placeholder="支付方式">
                                    <option value="">支付方式</option>
                                    <option value="1">微信</option>
                                    <option value="2">支付宝</option>
                                    <option value="3">余额支付</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="payType" class="layui-input" type="text" placeholder="缴费单类型">
                                    <option value="">全部缴费类型</option>
                                    <option value="1">订单缴费单</option>
                                    <option value="2">充值缴费单</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                               <!-- <button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>-->
                                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
                            </div>
                        </div>
                    </div>
                    <!--<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
                        <span>微信支付：</span><span>支付宝支付：</span><span>余额支付：</span>
                    </div>-->
                    <table class="layui-table" id="paymentTable" lay-filter="paymentTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
    <a class="layui-btn  layui-btn-xs" lay-event="edit">修改</a>
    <!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>-->
</script>
<script id="paymentTypeTpl"  type="text/html">
    {{# if(d.payType==1){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-green" >订单缴费</p>
    {{#  }else{ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-orange">充值缴费</p>
    {{#  } }}
</script>
<script id="payMethodTpl"  type="text/html">
    {{# if(d.payMethod==1){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-green" >微信支付</p>
    {{#  }else if( d.payMethod==2){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-orange">支付宝支付</p>
    {{#  }else if( d.payMethod==3){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-red">账户余额支付</p>}
    {{#   }else { }}
    <p style="height: 40px;text-align: center; ">未支付</p>
    {{#  } }}
</script>

<script  type="text/html" id="payStatusTpl">
    {{# if(d.payStatus==1){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-green" >待支付 </p>
    {{#  }else if(d.payStatus==2){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-orange">已支付</p>
    {{#  }else if(d.payStatus==3){  }}
    <p  style="height: 40px;text-align: center; " class="layui-bg-red">已取消</p>
    {{# } }}
</script>

@}